body {
	font-family:	Arial, sans-serif;
	font-size:		0.6em;
	*font-size:		0.6em; /* IE 6/7 only */
  background: #454545;
  color: #fff;
}

/*
button {
	line-height:	normal;
}
h1 { font-size: 1.2em; margin: .6em 0; }
*/


#log {
	/*font-size:		1.5em;*/
	color: #000;
	height: 100%;
}

/*
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
*/

/* Misc */
.loading-small {
  background-image:url('jstree/themes/default/throbber.gif');
  background-repeat:no-repeat;
	background-position:center center;
}

/* Content related settings */
.Content-tab { overflow: hidden; }

.content.loading {
	background-image:url('loading-big.gif');
	background-repeat:no-repeat;
	background-position:center center;
}

.Content-control.active { 
  border: 1px outset #F39814; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
 }

.Content-pages { 
  font-size:12px; 
  /*letter-spacing: 3px;*/
 }
.Content-pages a {
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  }
.Content-pages a.active {
  font-weight: bold;
  }

/* Checkboxes*/
p
{
	display: block;
	position: relative;
	overflow: hidden;
}

label + p,
input + p
{
	margin-top: 20px;
}

p > input
{
	padding: 0;
	margin: 0;
	height: 19px;
	width: 19px;
	float: left;
	position: absolute;
	left: 0;
	opacity: 0;
}
p > label 
{ 
	float: left; 
	line-height: 19px; 
	color: #fff; 
	padding: 0 0 0 18px;
	-moz-transition: color 1s ease; 
	-o-transition: color 1s ease; 
	-webkit-transition: color 1s ease; 
	transition: color 1s ease; 
}
p:not(#foo) > input + label
{
	background: url(checkbox.png) 0 -2px no-repeat;
	height: 19px;
}

/* Form related settings */

/* Checked styles */
p:not(#foo) > input[type=checkbox]:checked + label 							  { background-position: 0 -52px; }
p:not(#foo) > input[type=checkbox]:hover:checked + label,
/*p:not(#foo) > input[type=checkbox]:focus:checked + label,*/
/*p:not(#foo) > input[type=checkbox]:focus:checked + label,*/
p:not(#foo) > input[type=checkbox]:checked + label:hover          { background-position: 0 -77px; }

/* Hover & Focus styles */
p:not(#foo) > input[type=checkbox]:hover + label,
/*p:not(#foo) > input[type=checkbox]:focus + label,*/
p:not(#foo) > input[type=checkbox] + label:hover 							    { background-position: 0 -27px; }

/* Active styles */
/*
p:not(#foo) > input[type=checkbox]:active + label,
p:not(#foo) > input[type=checkbox] + label:hover:active						{ background-position: 0 -28px; }
*/
p:not(#foo) > input[type=checkbox]:active:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover:active		{ background-position: 0 -77px; }

textarea,
input,
select {
  border-color: #252525;  
  background-color: #454545;
  color: #fff;
}

textarea:hover,
input:hover,
select:hover,
textarea:focus,
input:focus,
select:focus{ 
  background-color: #505050;
}
 
/* Misc */
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }


/* Tree related settings */
/*Make the jstree a bit more compact width wise.*/
ul.ltr li { padding-left: 10; } 
.jstree-default > ul { margin-left: 0; }

/* Layour related settings */
.ui-layout-pane { /* all 'panes' */ 
	padding: 0px; 
	overflow: auto;
} 

.ui-layout-resizer { /* all 'resizer-bars' */ 
	background: #454545; 
} 

.ui-layout-toggler { /* all 'toggler-buttons' */ 
	background: #6b6b6b; 
}

/* Tabs related settings */
.ui-tabs .ui-tabs-nav li .ui-icon-close { float: left; margin: 0.0em 0.0em 0 0; cursor: pointer; }

/* Tags related settings */
.ui-icon-search {  }
.ui-icon-closethick, 
.ui-icon-plusthick, 
.ui-icon-image, 
.ui-icon-video, 
.ui-icon-calculator,
.ui-icon-triangle-1-w, 
.ui-icon-triangle-1-e{ float: left; cursor: pointer; }


/* Asset related settings */
.asset {
	position: relative;
	float: left;
}

.asset.loading {
	background-image:url('loading.gif');
	background-repeat:no-repeat;
	background-position:center center;
}

.asset span.format {
	position: absolute;
	padding:5px;
	height: 10px;  
	background-color: #303030;
	-moz-border-radius: 3px;
	border-radius: 3px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	top: 20px;
	right: 20px;
	margin: auto;
	bottom: auto;
	left: auto;
	width: auto;
}

.asset[size="8"] span.format {
	top: 5px;
	right: 5px;
}

.asset.ui-selectee { 
  border: 2px outset #303030; 
  margin: 5px;
  -moz-border-radius: 3px; 
  border-radius: 3px;  
  }
  
.asset.ui-selecting { 
  border: 4px outset #FECA40;
  margin: 3px; 
  }
  
.asset.ui-selected { 
  border: 2px outset #F39814; 
  }

/* Canvas related settings */
.DAMNPreview.clickable {
  cursor: pointer;
}
.DAMNPreview span {
	position: absolute;
	padding:5px;
	height: 10px;  
	background-color: #303030;
	-moz-border-radius: 3px;
	border-radius: 3px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
  top: 0px;
  bottom: 0px;                
  width: 50%;   
  left: 0;              
  right: 0;
  margin: auto;
  text-align: center;    
}

/* Stretching containers */
.container {
  height:100%;
  width: 100%; 
  /*display: table; */
}

.container .row {
  width: 100%; 
  margin-top:4px; 
  overflow: hidden;
  /*border: 1px solid green;*/
}

.container .row .list {
  overflow: auto; 
  /*border: 1px solid blue;*/
  height: 85%;
}

